<%@page contentType="text/html"%>
<%@page pageEncoding="ISO-8859-1"%>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core"%>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html"%>
<%@taglib prefix="t" uri="http://myfaces.apache.org/tomahawk"%>

<%@taglib prefix="a4j" uri="http://richfaces.org/a4j"%>
<%@taglib prefix="rich" uri="http://richfaces.org/rich"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<%
        request.setAttribute("nombrePagina", "Buscar Creditos Vencidos");
%>

<f:view>
    <%@include file="/WEB-INF/jspf/header.jspf" %>
    <%@include file="/WEB-INF/jspf/breadcumbs.jspf" %>
    <%@include file="/WEB-INF/jspf/options.jspf" %>

    <rich:panel>
        <h1><h:outputText value="Lista Creditos Por Tipo y Estado" /></h1>
        <h:form>
            <h:messages showDetail="true" />

            <h:panelGrid columns="2">
                <h:outputLabel value="Tipo de Credito" for="cmbProductoSbs" escape="false"/>
                <h:selectOneMenu id="cmbProductoSbs" value ="#{CreditoController.producto}" onchange="submit()" >
                    <f:selectItems value="#{ProductoSbsController.productos}"/>
                </h:selectOneMenu>
            </h:panelGrid>
            <h:panelGrid rendered="#{CreditoController.producto != null}">

            <h3><h:outputText value="Creditos Vigentes:" /></h3>
            <t:dataTable id="tblVigentes"
                        value="#{CreditoController.vigentesTipo}"
                         var="item"
                         bgcolor="#F1F1F1" border="10" cellpadding="5"
                         cellspacing="3" first="0"
                         frame="hsides" rules="all"
                         summary="This is a JSF code to create dataTable."
                         rowClasses="TableRow1,TableRow2" columnClasses="TableColumn"
                         styleClass="TableClass" headerClass="TableHeader" footerClass="TableFooter">
                <h:column>
                    <f:facet name="header"><h:outputText value="Nombre Cliente"/></f:facet>
                    <h:outputText value="#{item.cliente}"/>
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="Fecha Inicio"/></f:facet>
                    <h:outputText value="#{item.fechaInicio}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="MontoTotal"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="MontoPagado"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="Nro Cuotas"/></f:facet>
                    <h:outputText value="#{item.nroCuotas}" />
                </h:column>
            </t:dataTable>

            <br>
            <h3><h:outputText value="Creditos Vencidos:" /></h3>
            <t:dataTable id="tblVencidos"
                        value="#{CreditoController.vencidosTipo}"
                         var="item"
                         bgcolor="#F1F1F1" border="10" cellpadding="5"
                         cellspacing="3" first="0"
                         frame="hsides" rules="all"
                         summary="This is a JSF code to create dataTable."
                         rowClasses="TableRow1,TableRow2" columnClasses="TableColumn"
                         styleClass="TableClass" headerClass="TableHeader" footerClass="TableFooter">
                <h:column>
                    <f:facet name="header"><h:outputText value="Nombre Cliente"/></f:facet>
                    <%--> <h:outputText value="#{item}"/> </--%>
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="Fecha Inicio"/></f:facet>
                    <h:outputText value="#{item.fechaInicio}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="MontoTotal"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="MontoPagado"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="Nro Cuotas"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <h:commandButton id="btnSeleccionar"
                                    action="#{CreditoController.seleccionar}"
                                    value="Seleccionar">
                        <f:setPropertyActionListener target="#{CreditoController.credito}" value="#{item}" />
                    </h:commandButton>
                </h:column>
            </t:dataTable>
            </h:panelGrid>
            <br>
            <h:panelGrid rendered="#{CreditoController.creditos != null}">
            <h3><h:outputText value="Creditos Seleccionados:" /></h3>
            <t:dataTable id="tblSeleccionados"
                        value="#{CreditoController.creditos}"
                         var="item"
                         bgcolor="#F1F1F1" border="10" cellpadding="5"
                         cellspacing="3" first="0"
                         frame="hsides" rules="all"
                         summary="This is a JSF code to create dataTable."
                         rowClasses="TableRow1,TableRow2" columnClasses="TableColumn"
                         styleClass="TableClass" headerClass="TableHeader" footerClass="TableFooter">
                <h:column>
                    <f:facet name="header"><h:outputText value="Nombre Cliente"/></f:facet>
                    <h:outputText value="#{item.cliente}"/>
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="Fecha Inicio"/></f:facet>
                    <h:outputText value="#{item.fechaInicio}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="MontoTotal"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="MontoPagado"/></f:facet>
                    <h:outputText value="#{item.montoTotal}" />
                </h:column>
                <h:column>
                    <f:facet name="header"><h:outputText value="Nro Cuotas"/></f:facet>
                    <h:outputText value="#{item.nroCuotas}" />
                </h:column>
                <h:column>
                    <h:commandButton id="btnQuitar"
                                    action="#{CreditoController.quitarCredito}"
                                    value="Quitar">
                        <f:setPropertyActionListener target="#{CreditoController.credito}" value="#{item}" />
                    </h:commandButton>
                </h:column>
            </t:dataTable>

            </h:panelGrid>

            <h:panelGrid columns="2">
                <h:commandButton id="btnVerSeleccionados" value="Ver Creditos Seleccionados" action="#{CreditoController.verCreditos}" />
                <h:commandButton id="btnCancelar" value="Cancelar" action="regresar" />
            </h:panelGrid>

      </h:form>
    </rich:panel>

    <%@include file="/WEB-INF/jspf/footer.jspf" %>
</f:view>
